import $ from '../jquery-3.4.1.min.js';
import ajax from '../utils/ajax.js';
const searchData = {
    value: ""
}
let {
    nowPage,//当前页面
    pageSize,//当前页面显示多少条数据
    total,//总共多少数据
    pages,//总共页数
    nowPageSize//当前页面实际多少数据

} = {
    nowPage: 1,//当前页面
    pageSize: 10,//当前页面显示多少条数据
    total: 0,//总共多少数据
    pages: 0,//总共页数
    nowPageSize: 0
}

/* 
1.得到所有的未缴费的账单  并且渲染到上面
*/


//得到筛选的抄表录入
// getFliterTypeIn();
function getFliterTypeIn() {
    return new Promise((resolve, reject) => {
        ajax({
            url: `/payTypeIn/getTypIn`,
            type: `POST`,
            data: {
                ...searchData,
                nowPage,
                pageSize
            },
            success(res) {
                if (res.code == 200) {
                    // total = res.total;//当前的总数据
                    resolve(res);
                    // console.log(`从后端返回的typein类型-------------`, res);
                } else {
                    // alert(`数据库暂无数据 请先新增`);
                    console.log(`项目名称数据暂无数据请先新增`);
                }
            }
        })
    })
}


//渲染表格
function renderTable(res) {
    const data = res.data

    const html = data.map(item => {
        return `<tr>
        <td>${item.communtiyId ? item.communtiyId.communityName : `该小区已被删除`}</td>

        <td>${item.room ? item.room.ownerName : `改住户被删除`}</td>
        <td>${item.room ? item.room.ownerPhone : `改手机号被删除`}</td>
        <td>${item.setNameId ? item.setNameId.payClassName : `该项目名称被删除`}</td>
        <td>${item.prestore}</td>
        <td>
            <span data-id="${item._id}">查看</span>
            <span data-id="${item._id}">充值</span>
            <span data-id="${item._id}">删除</span>
        </td>
        </tr>`
    }).join(``);
    $(`#prestore_tbody`).html(html)

    pages = res.pages;//当前的总页数
    let li = ``;
    for (let i = 1; i <= pages; i++) {
        li = li + `<li>${i}</li>`
    }
    $(`#prestore_ul`).html(li);
}


//展示筛选的表格
showFliterTypeIn()
export async function showFliterTypeIn() {
    const res = await getFliterTypeIn();
    renderTable(res);
    $(`#tableForm_ul li`).prop(`class`, ``);
    // console.log(nowPage);
    $(`#tableForm_ul li`).eq(nowPage * 1 - 1).prop(`class`, `pageListActive`);
    nowPageSize = res.data.length;
}

$(`#prestore_tbody`).on(`click`, `span`, function (e) {
    const key = $(this).text();
    const _id = $(this).data(`id`)
    switch (key) {
        case `充值`:
            let prestore = prompt(`请输入需要充值的金额`);
            let tag = $(this).parent().parent().children();
            tag = tag[4].innerHTML
            prestore = prestore * 1 + tag * 1

            ajax({
                url: `/payTypeIn/AllchangeTypIn`,
                type: `POST`,
                data: { prestore, _id, cmd: 2 },
                success(res) {
                    if (res.code == 200) {
                        alert(`充值成功`);
                        showFliterTypeIn();
                    }
                }

            })
            break;

        default:
            break;
    }
})
